/* CSS file */
/****************************************************************************************************************
                                             COMPONENTES                                                        *
*****************************************************************************************************************/
.Application{
	fontFamily: ArialEmbedded;
	color: #000000;
	fontSize: 11;
}

.ApplicationControlBar {
   fillAlphas: 0, 0.30;
   fillColors: #ffffff, #0066ff;
   backgroundColor: #ffffff;
   shadowDirection: right;
}

.Button 
{
    fontWeight: bold;
    paddingLeft: 10;
    paddingRight: 10;
    paddingTop: 5;
    paddingBottom: 5;
}

.GridItem {
    padding-top: 5;
    padding-left: 5;
    padding-right: 5;
    padding-bottom: 5;
    background-color: #ffffff;

    border-style: solid;
    border-thickness: 1;
    border-color: #D4D4D4;
}



.Alert{
	color : #0f3177;
	titleStyleName : "alertTitle";
	headerHeight:19;
	borderThickness: 1;
	dropShadowEnabled: true;
	dropShadowColor :#d1ddf7;
	backgroundColor: #ffffff;
	cornerRadius :5;
	borderStyle :solid;
	headerColors : #90a4d1, #5970a0;
	footerColors : #9db6d9, #ffffff;
	borderColor : #5970a0;
}

.TitleWindow {
    roundedBottomCorners: true;
	dropShadowEnabled: true;
	dropShadowColor :#d1ddf7;    
    backgroundColor: #ffffff;
    borderColor: #4b71a6;
    borderThickness: 1;
    borderAlpha: 0.8;
	cornerRadius :6;
    backgroundAlpha: 0.8;
    dropShadowEnabled: true;
    headerHeight: 45;
}		

/****************************************************************************************************************
                                              CLASES                                                             *
*****************************************************************************************************************/
/* header */
.cabezal{
	top:0;
	left:5;
	fontSize: 18;
	fontWeight:bold;
}
.tituloBar{
	fontSize: 16;
	fontWeight:bold;
}

.barra{
	color:#0000FF;
	fontSize: 10;
	fontWeight:bold;
}
/* body */

.panelPrincipal{
	borderColor: #4b71a6;
	shadowDirection: right; 
    headerHeight: 30;
	borderThicknessLeft: 10;
	borderThicknessTop: 10;
	borderThicknessBottom: 5;
	borderThicknessRight: 10;    
    roundedBottomCorners: true;
    titleStyleName: "panelPricipalTitle";	
}
.panelPricipalTitle{
   fontSize: 14;
   fontWeight: bold;
}

.panelSecundario{
	borderColor: #f2f6ff;
    borderAlpha: 1;	
	shadowDirection: right; 
    headerHeight: 30;
	borderThicknessLeft: 0;
	borderThicknessTop: 0;
	borderThicknessBottom: 0;
	borderThicknessRight: 0;    
    titleStyleName: "panelSecundarioTitle";
}
.panelSecundarioTitle{
   fontSize: 12;
   fontWeight: bold;
}

.panelSecundarioSearch{
	borderColor: #ffffff;
    borderAlpha: 1;	
	shadowDirection: right; 
    headerHeight: 30;
	borderThicknessLeft: 0;
	borderThicknessTop: 0;
	borderThicknessBottom: 0;
	borderThicknessRight: 0;    
    titleStyleName: "panelSecundarioTitle";
}


.panelBuscar{
	background-color: #f2f6ff;  
}

.gridBuscar {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    background-color: #f2f6ff;
    border-style: none;
}


.panelLogin {
	borderColor: #4b71a6; 
	background-color: #f2f6ff;
} 

.inputSearch {
   borderColor: #0066cc;
   border-thickness: 2;

}
.customTextAlignLabel {
	textAlign: left;
}

/*datagrid*/
.columnaEditable{
	background-color: #FFFEDF;
}

.mensajeDatagrid{
	color:#5A8CE8;
    text-align: left;
    font-size: 11;
}

.negrita{
   fontWeight: bold;
}

.cursivaGris{
   font-style:italic;
   color: #999999;
   font-size: 12;
}

.centrado{
	fontWeight: bold;
	textAlign: center;
}

.simulaHeaderGrid{
	letterSpacing: 6;
    useRollOver: true;
    selectionColor: #EFEFEF;
    fontWeight: bold;	
}


/* botones */
.botonVerde{
   paddingLeft: 20;
   paddingRight: 20;
   paddingTop: 10;
   paddingBottom: 10;
   fillAlphas: 1, 0.85, 0.3, 0.8;
   fillColors: #86f04a, #55aa2a, #ffffff, #86f04a;
   color: #ffffff;
   borderColor: #316215;
   themeColor: #87f149;
   fontWeight: bold;
}

.botonVerdeSinIcono{
   paddingLeft: 20;
   paddingRight: 20;
   paddingTop: 10;
   paddingBottom: 10;
   fillAlphas: 1, 0.85, 0.3, 0.8;
   fillColors: #86f04a, #55aa2a, #ffffff, #86f04a;
   color: #ffffff;
   borderColor: #316215;
   themeColor: #87f149;
   fontWeight: bold;
}

.botonAzulSearch {
   cornerRadius: 15;
   highlightAlphas: 0.22, 0;
   fillAlphas: 0.73, 1, 0.75, 0.65;
   fillColors: #0033cc, #174aa9, #0033cc, #174aa9;
   color: #ffffff;
   borderColor: #174aa9;
   fontWeight: bold;
}

.linkBotonAzul{
   color: #0000ff;
   fontSize: 11;
   padding-left: 10;
   padding-right: 10;
   fontWeight: normal;
   textDecoration: underline;   
}
.linkExcel{
   color: #0000ff;
   fontSize: 11;
   padding-left: 10;
   padding-right: 10;
   fontWeight: normal;
   textDecoration: underline;   
   icon: Embed(source="../imagen/icon_excel.gif");
}
 
.botonAdd{
	fillAlphas: 1, 0.85, 0.3, 0.8;
	fillColors: #86f04a, #55aa2a, #ffffff, #86f04a;
	color: #ffffff;
	borderColor: #316215;
	themeColor: #87f149;
	icon: Embed(source="../imagen/add.png");
}

.linkBotonRojo{
   color: #ff0000;
   fontSize: 11;
   padding-left: 10;
   padding-right: 10;
   fontWeight: normal;
   textDecoration: underline;   
}

.labelActivo{
   color: #FC3A0C;
   fontSize: 11;
   fontWeight: normal;
   padding-left: 10;
   padding-right: 10;
}

.alertTitle{
	font-size :11;
	font-weight :bold;
	text-align :left;
	color :#000000;
}

/****************************************************************************************************************
                                              FONTS                                                             *
*****************************************************************************************************************/

